
<!DOCTYPE html>
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
		<meta charset="utf-8">
		<title>上海凡凡网络科技有限公司</title>
		<meta name="description" content="凡凡网络,提供跨平台,高性能的互联网应用开发解决方案">

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<!-- Favicon -->
		<link rel="shortcut icon" href="images/letterD.png">

		<!-- Web Fonts -->
		<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&amp;subset=latin,latin-ext' rel='stylesheet' type='text/css'>-->
		<!--<link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>-->

		<!-- Bootstrap core CSS -->
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

		<!-- Font Awesome CSS -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">

		<!-- Plugins -->
		<link href="css/animations.css" rel="stylesheet">

		<!-- Worthy core CSS file -->
		<link href="css/style.css" rel="stylesheet">

		<!-- Custom css --> 
		<link href="css/custom.css" rel="stylesheet">
	</head>

	<body class="no-trans">
		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop"><i class="icon-up-open-big"></i></div>

		<!-- header start -->
		<!-- ================ --> 
		<header class="header fixed clearfix navbar navbar-fixed-top">
			<div class="container" id="navbar">
				<div class="row">
					<div class="col-md-4">

						<!-- header-left start -->
						<!-- ================ -->
						<div class="header-left clearfix">

							<!-- logo -->
							<div class="logo smooth-scroll">
								<a href="#"><img id="logo" src="images/logo-blue.png"></a>
							</div>

							<!-- name-and-slogan -->
							<div class="site-name-and-slogan smooth-scroll">
								<div class="site-name"><a href="#banner">上海凡凡</a></div>
								<div class="site-slogan">网络科技有限公司</div>
							</div>
						</div>
						<!-- header-left end -->
					</div>
					<div class="col-md-8">

						<!-- header-right start -->
						<!-- ================ -->
						<div class="header-right clearfix">
							<!-- main-navigation start -->
							<!-- ================ -->
							<div class="main-navigation animated">
								<!-- navbar start -->
								<!-- ================ -->
								<nav class="navbar navbar-default" role="navigation">
									<div class="container-fluid">

										<!-- Toggle get grouped for better mobile display -->
										<div class="navbar-header">
											<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
												<span class="sr-only">Toggle navigation</span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
											</button>
										</div>

										<!-- Collect the nav links, forms, and other content for toggling -->
										<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
											<ul class="nav navbar-nav navbar-right">
												<li class="active"><a href="#">首页</a></li>
												<li><a href="#about">关于</a></li>
												<li><a href="#services">服务</a></li>
												<li><a href="#portfolio">项目案例</a></li>
												<li><a href="#contact">联系我们</a></li>
											</ul>
										</div>
									</div>
								</nav>
								<!-- navbar end -->

							</div>
							<!-- main-navigation end -->

						</div>
						<!-- header-right end -->

					</div>
				</div>
			</div>
		</header>
		<!-- header end -->

		<!-- banner start -->
		<!-- ================ -->
		<div id="banner" class="banner">
			<div class="banner-image"></div>
			<div class="banner-caption">
				<div class="container">
					<div class="row">
						<div class="col-md-8 col-md-offset-2 object-non-visible" data-animation-effect="fadeIn">
							<h1 class="text-center" style="font-size: 36px;">We are <span>YourMobile</span> personal bulter</h1>
							<p class="lead text-center" style="font-size: 17px; text-align: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;凡凡网络专注跨平台, 高性能的互联网应用开发, 为企业和个人提供权威全面的咨询, 培训和技术支持. 截止2014年年底, 凡凡网络已成功孵化多个移动互联网创业项目. 凡凡网络, 您身边值得信赖的技术专家.
								<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司一直在从事技术孵化，技术投资，不断的创新项目，使创始团队，对互联网产品有特定的认识，熟悉移动的开发模式，特别擅长架构移动端的产品研发，高并发系统。公司大型系统的架构主要以JAVA主要的开发语言，支持分布式架构，动态扩容。公司的产品涵盖了Java、  PHP、.NET、等主流开发语言，技术实力雄厚。公司的合作伙伴包括了政府、高校、企业、个体商户等各个行业，服务对象广泛。</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- banner end -->

		<!-- section start -->
		<!-- ================ -->
		<div class="section clearfix object-non-visible" data-animation-effect="fadeIn">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<h1 id="about" class="title text-center">关于 <span>凡凡网络</span></h1>
						<p class="lead text-center">公司简介</p>
						<div class="space"></div>
						<div class="row">
							<div class="col-md-6">
								<img src="images/section-image-4.jpg" alt="">
								<div class="space"></div>
							</div>
							<div class="col-md-6">
								<p>上海凡凡网络科技有限公司是科技部为了推动上海的信息化软件产业认定的骨干软件企业，通过了高新技术企业、软件企业认定和ISO9001质量管理体系认证。公司专注软件产品的自主研发，致力于为用户提供专业、全面、量身订制的软件产品和应用服务。</p>
								<p>上海凡凡网络科技有限公司以软件产品研发为主要业务，同时提供专业化的IT咨询服务、 先进适用的解决方案和高品质的集成服务。经过多年的自主研发，现已形成了以移动企业应用解决方案，金融IT应用解决方案和物流行业ERP解决方案为主的综合性业务平台。</p>
								<ul class="list-unstyled">
									<li><i class="fa fa-caret-right pr-10 text-colored"></i> 运营和集成的整合</li>
									<li><i class="fa fa-caret-right pr-10 text-colored"></i> 移动端企业应用</li>
									<li><i class="fa fa-caret-right pr-10 text-colored"></i> 云服务(大数据分析服务)</li>
									<li><i class="fa fa-caret-right pr-10 text-colored"></i> 全套的移动开发解决方案</li>
								</ul>
							</div>
						</div>
						<div class="space"></div>
						<h2>公司的目标是成为中小企业移动解决方案的一流管家</h2>
						<div class="row">
							<div class="col-md-6">
								<p>我们提供从架构、设计、编码、测试、集成、迁移到维护的完整移动后端企业级解决方案。</p>
								<p>我们的横向业务覆盖网站内容、客户关系管理和电子商务，纵向业务包括多个垂直领域如旅游、媒体、金融、游戏、多媒体等。</p>
								<p>公司由海外知名大学博士和国内一流IT精英联合创建，拥有素质优秀、技术过硬的研发团队，汇集了训练有素、经验丰富、着力创新的项目管理和市场营销人才，建立了科学规范的市场营销体系和客户服务体系，严格遵循ISO9001质量管理体系和有效的项目管理模式，秉承“勤正、进取、严实、高效”的企业理念，竭诚服务社会和客户。</p>
							</div>
							<div class="col-md-6">
								<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
									<div class="panel panel-default">
										<div class="panel-heading" role="tab" id="headingOne">
											<h4 class="panel-title">
												<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
													移动平台开发
												</a>
											</h4>
										</div>
										<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
											<div class="panel-body">
												移动用户界面设计服务<br>主要移动平台的跨平台开发<br>应用从PC到移动端的移植<br>应用体验及性能优化
											</div>
										</div>
									</div>
									<div class="panel panel-default">
										<div class="panel-heading" role="tab" id="headingTwo">
											<h4 class="panel-title">
												<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
													开源和专有技术的移动测试
												</a>
											</h4>
										</div>
										<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
											<div class="panel-body">
												跨平台测试<br>自动化测试<br>全球化测试<br>负载和性能测试
											</div>
										</div>
									</div>
									<div class="panel panel-default">
										<div class="panel-heading" role="tab" id="headingThree">
											<h4 class="panel-title">
												<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
													多平台多设备支持
												</a>
											</h4>
										</div>
										<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
											<div class="panel-body">
												iPhone / iPad<br>Android<br>Windows Mobile<br>PC / Mobile Web
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- section end -->

		<div class="clearfix object-non-visible" data-animation-effect="fadeIn">
			<p class="lead text-center">团队成员</p>
			<div class="space"></div>
			<div class="col-md-12">
				<div class="col-md-1"></div>
				<div class="col-md-3">
					<img class="img-responsive" src="images/stuff-2.jpg">
				</div>
				<div class="row col-md-6">
					<h3><span class="text-colored">伍晋升</span> 公司创始人</h3>
					<p>伍晋升毕业于中国科学技术大学，曾在阿里巴巴与PPTV工作多年，致力于互联网移动产品开发。
对移动产品解决方案有深入理解。在移动产品的市场分析，需求梳理，产品架构及运营推广、AEO等方向上有丰富的经验。
                        曾主导多款一线移动产品研发，涉及解决方案包含支付交易，O2O，移动社交，移动视频等。
					</p>
				</div>
				<div class="row col-md-1"></div>
			</div>
			<div class="space">&nbsp;</div>
			<div class="col-md-12">
				<div class="col-md-1"></div>
				<div class="col-md-3">
					<img class="img-responsive" src="images/stuff-3.jpg">
				</div>
				<div class="row col-md-6">
					<h3><span class="text-colored">倪彤前</span> 联合创始人，技术总监</h3>
					<p>倪彤前，重庆大学研究生。前支付宝研发工程师。多年服务端、前端及移动端开发经验。
					在移动端，参与开发支付宝钱包、快的打车等一线移动应用，在服务端，曾致力于于支付宝收单系统，商户大数据平台，支付宝大企业服务平台，美国领先广告服务商PRN等系统的开发。主导过第三方快递服务平台、移动互联网社交、O2O交易平台等产品研发。
					
					对移动产品技术架构及研发有深入全面的理解。
					</p>
				</div>
				<div class="row col-md-1"></div>
			</div>
		</div>

		<div class="space"></div>
		<div class="space"></div>
		<div class="space"></div>

		<!-- section start -->
		<!-- ================ -->
		<div class="section translucent-bg bg-image-1 blue">
			<div class="container object-non-visible" data-animation-effect="fadeIn">
				<h1 id="services"  class="text-center title">我们的服务</h1>
				<div class="space"></div>
				<div class="row">
					<div class="col-sm-6">
						<div class="media">
							<div class="media-body text-right">
								<h4 class="media-heading">凡凡移动消息推送</h4>
								<p>采用先进的技术实现的设备到设备,后台到设备的实时的移动消息推送平台,多协议,多平台,多屏幕支持,具备强大的灵活性和可靠性.</p>
							</div>
							<div class="media-right">
								<i class="fa fa-envelope"></i>
							</div>
						</div>
						<div class="media">
							<div class="media-body text-right">
								<h4 class="media-heading">凡凡BaaS(Backend as a Service)平台</h4>
								<p>使用统一的应用编程接口(API)和软件开发工具包(SDK)来连接移动应用到云端。提供推送通知、社交网络集成、位置服务和用户管理等后台服务.</p>
							</div>
							<div class="media-right">
								<i class="fa fa-leaf"></i>
							</div>
						</div>
						<div class="media">
							<div class="media-body text-right">
								<h4 class="media-heading">数据存储与管理</h4>
								<p>移动的核心在于用户的位置信息和碎片时间产生的数据,凡凡采用安全的加密方式存储数据,通过灵活的API访问数据.大的数据可以进行CDN的加速.</p>
							</div>
							<div class="media-right">
								<i class="fa fa-database"></i>
							</div>
						</div>
						<div class="media">
							<div class="media-body text-right">
								<h4 class="media-heading">数据分析</h4>
								<p>移动端产生了大量的碎片数据,凡凡分析平台可以进行数据的挖掘和维护,生成各种直观的数据图表和分析报告.</p>
							</div>
							<div class="media-right">
								<i class="fa fa-eye"></i>
							</div>
						</div>
					</div>
					<div class="space visible-xs"></div>
					<div class="col-sm-6">
						<div class="media">
							<div class="media-left">
								<i class="fa fa-tablet"></i>
							</div>
							<div class="media-body">
								<h4 class="media-heading">移动应用开发</h4>
								<p>凡凡网络提供跨平台,高性能的移动端应用开发服务,覆盖包括iOS, Android, Windows Mobile在内的所有主流平台.</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<i class="fa fa-desktop"></i>
							</div>
							<div class="media-body">
								<h4 class="media-heading">移动端Web设计</h4>
								<p>凡凡网络拥有一流的设计师与用户体验师,提供简洁,高品质,高用户体验的富交互移动端Web设计.</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<i class="fa fa-anchor"></i>
							</div>
							<div class="media-body">
								<h4 class="media-heading">移动应用测试与性能优化</h4>
								<p>凡凡提供全面的自动化测试服务,帮助您发现应用的性能瓶颈,提升应用的稳定性和产品质量.</p>
							</div>
						</div>
						<div class="media">
							<div class="media-left">
								<i class="fa fa-codepen"></i>
							</div>
							<div class="media-body">
								<h4 class="media-heading">应用的部署和实施</h4>
								<p>凡凡拥有一流的架构师和运维人员,帮助您轻松部署自己的应用,并保证运行环境的安全稳定.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- section end -->

		<!-- section start -->
		<!-- ================ -->
		<div class="default-bg space blue">
			<div class="container">
				<div class="row">
					<div class="col-md-8 col-md-offset-2">
						<h1 class="text-center">让我们一起拥抱移动互联网的浪潮!</h1>
					</div>
				</div>
			</div>
		</div>
		<!-- section end -->

		<!-- section start -->
		<!-- ================ -->
		<div class="section">
			<div class="container">
				<h1 class="text-center title" id="portfolio">项目案例</h1>
				<div class="separator"></div>
				<p class="lead text-center">至2016年年底,凡凡网络已持续为大量客户提供了高质量的技术服务,并成功<br>孵化多款移动端创业项目.</p>
				<br>			
				<div class="row object-non-visible" data-animation-effect="fadeIn">
					<div class="col-md-12">

						<!-- isotope filters start -->
						<!--<div class="filters text-center">-->
							<!--<ul class="nav nav-pills">-->
								<!--<li class="active"><a href="#" data-filter="*">All</a></li>-->
								<!--<li><a href="#" data-filter=".web-design">Web design</a></li>-->
								<!--<li><a href="#" data-filter=".app-development">App development</a></li>-->
								<!--<li><a href="#" data-filter=".site-building">Site building</a></li>-->
							<!--</ul>-->
						<!--</div>-->
						<!-- isotope filters end -->

						<!-- portfolio items start -->
						<div class="isotope-container row grid-space-20">
							<div class="col-sm-6 col-md-3 isotope-item web-design">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/114-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-1">
											<i class="fa fa-search-plus"></i>
											<span>移动应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-1">114票务火车票应用</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-1" tabindex="-1" role="dialog" aria-labelledby="project-1-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-1-label">114票务火车票</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>114票务火车票APP由国内领先的在线商旅服务专业平台114票务网推出，面向全国旅客提供列车时刻表查询，火车票预订，火车票余票查询，等服务。同时114票务火车票支持（订票成功后可在全国火车站以及代售点自由取票），支付宝以及网上银行付款。安全可靠。</p>
														<div class="col-sm-6">
															<img src="images/114-3.jpg" class="img-responsive">
														</div>
														<div class="col-sm-6">
															<img src="images/114-4.jpg" class="img-responsive">
														</div>
													</div>
													<div class="col-md-6">
														<img src="images/114-2.jpg" alt="">
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>

							<div class="col-sm-6 col-md-3 isotope-item app-development">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/lkl-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-2">
											<i class="fa fa-search-plus"></i>
											<span>移动应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-2">拉卡拉移动支付应用</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-2" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-2-label">拉卡拉移动支付</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>拉卡拉支付应用让转账汇款、信用卡还款、充值缴费，随时随地都能办。更有电影票抢座、飞机票购买、便利特惠购物等最先进、最时尚的应用体验。安全：硬件加密，确保安全通讯；简单：与传统习惯相同，刷卡输密码完成支付；灵活：支持所有银联标识的银行信用卡、借记卡；方便：弹指之间，想付就付，钱包支付更方便.</p>
														<img src="images/lkl-2.jpg" class="img-responsive center-block">
													</div>
													<div class="col-md-6">
														<img src="images/lkl-3.jpg" alt="">
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>

							<div class="col-sm-6 col-md-3 isotope-item app-development">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/meme-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-3">
											<i class="fa fa-search-plus"></i>
											<span>Web应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">么么贷P2P借贷平台</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-2-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-3-label">么么贷P2P借贷</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>么么贷是微信中纯信息平台性质的P2P，也就是对于借款人来说，经么么贷审批通过之后，还需要将借款需求发布，然后借款需求将会在么么贷的投资广场上开始筹资，筹满的第2个工作日，么么贷放款.</p>
														<div class="col-sm-6">
															<img src="images/meme-2.jpg" class="img-responsive center-block">
														</div>
														<div class="col-sm-6">
															<img src="images/meme-3.jpg" class="img-responsive center-block">
														</div>
													</div>
													<div class="col-md-6">
														<img src="images/meme-4.jpg" alt="">
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
							
							<!--<div class="col-sm-6 col-md-3 isotope-item web-design">-->
								<!--<div class="image-box">-->
									<!--<div class="overlay-container">-->
										<!--<img src="images/meme-1.jpg" alt="">-->
										<!--<a class="overlay" data-toggle="modal" data-target="#project-3">-->
											<!--<i class="fa fa-search-plus"></i>-->
											<!--<span>Web应用</span>-->
										<!--</a>-->
									<!--</div>-->
									<!--<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-3">Project Title</a>-->
								<!--</div>-->
								<!--&lt;!&ndash; Modal &ndash;&gt;-->
								<!--<div class="modal fade" id="project-3" tabindex="-1" role="dialog" aria-labelledby="project-3-label" aria-hidden="true">-->
									<!--<div class="modal-dialog modal-lg">-->
										<!--<div class="modal-content">-->
											<!--<div class="modal-header">-->
												<!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>-->
												<!--<h4 class="modal-title" id="project-3-label">Project Title</h4>-->
											<!--</div>-->
											<!--<div class="modal-body">-->
												<!--<h3>Project Description</h3>-->
												<!--<div class="row">-->
													<!--<div class="col-md-6">-->
														<!--<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque sed, quidem quis praesentium, ut unde. Quae sed, incidunt laudantium nesciunt, optio corporis quod earum pariatur omnis illo saepe numquam suscipit, nemo placeat dignissimos eius mollitia et quas officia doloremque ipsum labore rem deserunt vero! Magnam totam delectus accusantium voluptas et, tempora quos atque, fugiat, obcaecati voluptatibus commodi illo voluptates dolore nemo quo soluta quis.</p>-->
														<!--<p>Molestiae sed enim laboriosam atque delectus voluptates rerum nostrum sapiente obcaecati molestias quasi optio exercitationem, voluptate quis consequatur libero incidunt, in, quod. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos nobis officiis, autem earum tenetur quidem. Quae non dicta earum. Ipsum autem eaque cum dolor placeat corporis quisquam dolorum at nesciunt.</p>-->
													<!--</div>-->
													<!--<div class="col-md-6">-->
														<!--<img src="images/portfolio-3.jpg" alt="">-->
													<!--</div>-->
												<!--</div>-->
											<!--</div>-->
											<!--<div class="modal-footer">-->
												<!--<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>-->
											<!--</div>-->
										<!--</div>-->
									<!--</div>-->
								<!--</div>-->
								<!--&lt;!&ndash; Modal end &ndash;&gt;-->
							<!--</div>-->
							
							<div class="col-sm-6 col-md-3 isotope-item site-building">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/childhood-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-4">
											<i class="fa fa-search-plus"></i>
											<span>移动应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-4">小不点图片分享应用</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-4" tabindex="-1" role="dialog" aria-labelledby="project-4-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-4-label">小不点</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>小不点是一款亲子类图片分享社交应用.家庭成员可以通过宝宝建立起独特的关系链,共享宝宝成长的美好时光.小不点提供了种类繁多的水印贴纸和在线活动,可以让爸爸妈妈们轻松方便的记录和分享孩子的成长.此外小不点还提供了疫苗提醒和身高体重成长记录,可以方便爸妈记录孩子的一点一滴.</p>
														<div class="col-sm-6">
															<img src="images/childhood-2.jpg" class="img-responsive">
														</div>
														<div class="col-sm-6">
															<img src="images/childhood-3.jpg" class="img-responsive">
														</div>
													</div>
													<div class="col-md-6">
														<img src="images/childhood-4.jpg" alt="">
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
							
							<div class="col-sm-6 col-md-3 isotope-item app-development">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/369-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-5">
											<i class="fa fa-search-plus"></i>
											<span>移动应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-5">会展移动端解决方案</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-5" tabindex="-1" role="dialog" aria-labelledby="project-5-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-5-label">会展移动端解决方案</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>会展移动端解决方案涵盖展前，展中和展后.在展前提供各种会展场所的位置信息和销售情况，新闻，广告等；为参展商提供公司介绍，产品介绍，客户预约等；为观展者提供报名，观展规划，信息搜索等。在展中为会展组织方提供报到登记，信息发布和查询；为参展商提供预约会面，材料信息化，潜在客户信息，公司社交网络（如微博）等服务；为观展者提供场馆导览，展商查询，相关信息查询，观展笔记，照片，展商联系等多种服务。在展后为会展组织方提供包括参展商，观展者等的各种统计数据；为参展商提供观展者相关名单，统计数据，产品材料申请，观展者评价等；为观展者提供个人参展信息汇总，参展笔记和照片，报告等.</p>
														<img src="images/369-4.jpg" class="img-responsive">
													</div>
													<div class="col-md-6">
														<div class="col-sm-6">
															<img src="images/369-2.jpg" class="img-responsive">
														</div>
														<div class="col-sm-6">
															<img src="images/369-3.jpg" class="img-responsive">
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
							
							<div class="col-sm-6 col-md-3 isotope-item web-design">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/medical-1.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-6">
											<i class="fa fa-search-plus"></i>
											<span>移动应用开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-6">骨科康复应用</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-6" tabindex="-1" role="dialog" aria-labelledby="project-6-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-6-label">骨科康复应用</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>骨科康复训练记录应用是与上海市第六人民医院合作开发的一款记录病人康复训练完成情况和身体状况的移动医疗应用.通过该应用病人可以清楚的查看自己的就医历史及医生的诊断和建议.通过定时记录自己的训练内容和观感,可以为医生提供充足的诊断依据,并让病人能看到阶段性恢复训练的成果,更好的掌握自己的康复进程.</p>
														<p>该应用首次采用了与可穿戴设备的集成来动态监控病人的身体状况,获得了大量病人的积极反馈.</p>
														<img src="images/medical-2.jpg" alt="">
													</div>
													<div class="col-md-6">
														<div class="col-sm-6">
															<img src="images/medical-1.jpg" alt="">
														</div>
														<div class="col-sm-6">
															<img src="images/medical-3.jpg" alt="">
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
							
							<div class="col-sm-6 col-md-3 isotope-item site-building">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/yami-2.png" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-7">
											<i class="fa fa-search-plus"></i>
											<span>O2O交易系统开发</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-7">丫米厨房手机应用</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-7" tabindex="-1" role="dialog" aria-labelledby="project-7-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-7-label">丫米厨房</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>丫米厨房,主推上海首家,基于社区及其周边的私房菜分享平台,专注邻家/私家厨房领域,打造邻里美食分享平台,致力于打造美食界的uber</p>
														<img src="images/yami-2.png" class="img-responsive">
													</div>
													<div class="col-md-6">
														<div class="col-sm-6">
															<img src="images/yami-3.png" class="img-responsive">
														</div>
														<div class="col-sm-6">
															<img src="images/yami-4.png" class="img-responsive">
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>
							
							<div class="col-sm-6 col-md-3 isotope-item web-design">
								<div class="image-box">
									<div class="overlay-container">
										<img src="images/ocr-3.jpg" alt="">
										<a class="overlay" data-toggle="modal" data-target="#project-8">
											<i class="fa fa-search-plus"></i>
											<span>企业级云服务</span>
										</a>
									</div>
									<a class="btn btn-default btn-block" data-toggle="modal" data-target="#project-8">图像识别云服务</a>
								</div>
								<!-- Modal -->
								<div class="modal fade" id="project-8" tabindex="-1" role="dialog" aria-labelledby="project-8-label" aria-hidden="true">
									<div class="modal-dialog modal-lg">
										<div class="modal-content">
											<div class="modal-header">
												<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span></button>
												<h4 class="modal-title" id="project-8-label">图像识别云服务</h4>
											</div>
											<div class="modal-body">
												<h3>项目简介</h3>
												<div class="row">
													<div class="col-md-6">
														<p>凡凡图像识别云服务可以在线自动识别身份证和银行卡信息,该服务具有高精度,高性能,跨平台,全时段等特点,十分适合需要身份认证和支付信息的金融类业务.</p>
														<p>用户可在PC端打开云服务网站进行识别,也可在移动端通过对应的App拍摄身份证或银行卡进行识别,使用简单,快捷,方便.</p>
														<div class="col-sm-6">
															<img src="images/ocr-1.jpg" class="img-responsive">
														</div>
														<div class="col-sm-6">
															<img src="images/ocr-2.jpg" class="img-responsive">
														</div>
													</div>
													<div class="col-md-6">
														<img src="images/ocr-4.jpg" class="img-responsive">
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
								<!-- Modal end -->
							</div>

						</div>
						<!-- portfolio items end -->
					
					</div>
				</div>
			</div>
		</div>
		<!-- section end -->

		<!-- footer start -->
		<!-- ================ -->
		<footer id="footer">
			<!-- .footer start -->
			<!-- ================ -->
			<div class="footer">
				<div class="section translucent-bg bg-image-2">
					<div class="container object-non-visible" data-animation-effect="fadeIn">
						<div class="container">
							<h1 class="title text-center" id="contact"><span class="text-colored">联系我们</span></h1>
							<div class="space"></div>
							<div class="row">
								<div class="col-sm-12">
									<div class="footer-content">
										<p class="large">您可以通过电话,邮件及社交网络联系到我们.如果您有与我们合作的意向,可以通过以下联系方式和我们沟通</p>
										<ul class="list-icons col-sm-4">
											<!--<li><i class="fa fa-map-marker pr-10"></i> One infinity loop, 54100</li>-->
											<li>伍晋升 Jieson Wu</li>
											<li><i class="fa fa-mobile pr-10"></i> +86 <span class="text-colored">18521308689</span></li>
											<!--<li><i class="fa fa-fax pr-10"></i> +00 1234567891 </li>-->
											<li><i class="fa fa-envelope-o pr-10"></i> jieson.wu@shango2o.com</li>
											<li><i class="fa fa-qq pr-10"></i> 289800743</li>
										</ul>
										<ul class="list-icons col-sm-4">
											<!--<li><i class="fa fa-map-marker pr-10"></i> One infinity loop, 54100</li>-->
											<li>倪彤前 Tod Ni</li>
											<li><i class="fa fa-mobile pr-10"></i> +86 <span class="text-colored">13817564998</span></li>
											<!--<li><i class="fa fa-fax pr-10"></i> +00 1234567891 </li>-->
											<li><i class="fa fa-envelope-o pr-10"></i> tod.ni@shango2o.com</li>
											<li><i class="fa fa-qq pr-10"></i> 170759896</li>
										</ul>
										<!--<ul class="social-links">-->
										<!--<li class="facebook"><a target="_blank" href="https://www.facebook.com/pages/HtmlCoder/714570988650168"><i class="fa fa-facebook"></i></a></li>-->
										<!--<li class="twitter"><a target="_blank" href="https://twitter.com/HtmlcoderMe"><i class="fa fa-twitter"></i></a></li>-->
										<!--<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>-->
										<!--<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>-->
										<!--<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>-->
										<!--<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube"></i></a></li>-->
										<!--<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>-->
										<!--<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>-->
										<!--</ul>-->
									</div>
								</div>
								<!--<div class="col-sm-6">-->
								<!--<div class="footer-content">-->
								<!--<form role="form" id="footer-form">-->
								<!--<div class="form-group has-feedback">-->
								<!--<label class="sr-only" for="name2">Name</label>-->
								<!--<input type="text" class="form-control" id="name2" placeholder="Name" name="name2" required>-->
								<!--<i class="fa fa-user form-control-feedback"></i>-->
								<!--</div>-->
								<!--<div class="form-group has-feedback">-->
								<!--<label class="sr-only" for="email2">Email address</label>-->
								<!--<input type="email" class="form-control" id="email2" placeholder="Enter email" name="email2" required>-->
								<!--<i class="fa fa-envelope form-control-feedback"></i>-->
								<!--</div>-->
								<!--<div class="form-group has-feedback">-->
								<!--<label class="sr-only" for="message2">Message</label>-->
								<!--<textarea class="form-control" rows="8" id="message2" placeholder="Message" name="message2" required></textarea>-->
								<!--<i class="fa fa-pencil form-control-feedback"></i>-->
								<!--</div>-->
								<!--<input type="submit" value="Send" class="btn btn-default">-->
								<!--</form>-->
								<!--</div>-->
								<!--</div>-->
							</div>
						</div>
					</div>
					<!-- .footer end -->
					</div>
				</div>

<div class="footera"><p><a href="http://m.kuaidi100.com" target="_blank">快递查询</a> | <a href="/Category_9/Index.aspx">评论</a> | <a href="/Category_10/Index.aspx">创业通</a> | <a href="/Category_11/Index.aspx">管理通</a> | <a href="/Category_12/Index.aspx">融资通</a> | <a href="/Category_14/Index.aspx">副刊</a> | <a href="/Category_15/Index.aspx">市场</a> | <a href="/Category_16/Index.aspx">活动</a> | <a href="/Category_13/Index.aspx">企业澄清公告</a> | <a href="/Category_120/Index.aspx">迷你商报</a> | <a href="/Category_119/Index.aspx">电子报</a></p></div>
			<!-- .subfooter start -->
			<!-- ================ -->
			<div class="subfooter">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<p class="text-center">上海凡凡网络科技有限公司<br>Copyright © 2012-2017.</p>
						</div>
					</div>
				</div>
			</div>
			<!-- .subfooter end -->

		</footer>
		<!-- footer end -->

		<!-- JavaScript files placed at the end of the document so the pages load faster
		================================================== -->
		<!-- Jquery and Bootstap core js files -->
		<script type="text/javascript" src="plugins/jquery.min.js"></script>
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>

		<!-- Modernizr javascript -->
		<script type="text/javascript" src="plugins/modernizr.js"></script>

		<!-- Isotope javascript -->
		<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>
		
		<!-- Backstretch javascript -->
		<script type="text/javascript" src="plugins/jquery.backstretch.min.js"></script>

		<!-- Appear javascript -->
		<script type="text/javascript" src="plugins/jquery.appear.js"></script>

		<!-- Initialization of Plugins -->
		<script type="text/javascript" src="js/template.js"></script>

		<!-- Custom Scripts -->
		<script type="text/javascript" src="js/custom.js"></script>

	</body>
</html>
